<div class="dux-box am-margin-top-0">
    <!--if{$info.pay_type}-->
    <div class="dux-step">
        <dl class="{$orderStep >= 1 ? 'active' : ''}">
            <dt>提交订单</dt>
            <dd class="bg"></dd>
            <dd class="node"></dd>
        </dl>

        <dl class="{$orderStep >= 2 ? 'active' : ''}">
            <dt>确认付款</dt>
            <dd class="bg"></dd>
            <dd class="node"></dd>
        </dl>
        <dl class="{$orderStep >= 3 ? 'active' : ''}">
            <dt>商品发货</dt>
            <dd class="bg"></dd>
            <dd class="node"></dd>
        </dl>
        <dl class="{$orderStep >=4 ? 'active' : ''}">
            <dt>确认收货</dt>
            <dd class="bg"></dd>
            <dd class="node"></dd>
        </dl>
        <dl class="{$orderStep >= 4 ? 'active' : ''}">
            <dt>完成订单</dt>
            <dd class="node"></dd>
            <dd class="date"></dd>
        </dl>
    </div>
    <!--{else}-->

    <div class="dux-step">
        <dl class="{$orderStep >= 1 ? 'active' : ''}">
            <dt>提交订单</dt>
            <dd class="bg"></dd>
            <dd class="node"></dd>
        </dl>
        <dl class="{$orderStep >= 2 ? 'active' : ''}">
            <dt>商品发货</dt>
            <dd class="bg"></dd>
            <dd class="node"></dd>
        </dl>
        <dl class="{$orderStep >= 3 ? 'active' : ''}">
            <dt>确认收货</dt>
            <dd class="bg"></dd>
            <dd class="node"></dd>
        </dl>

        <dl class="{$orderStep >= 4 ? 'active' : ''}">
            <dt>确认付款</dt>
            <dd class="bg"></dd>
            <dd class="node"></dd>
        </dl>

        <dl class="{$orderStep >= 4 ? 'active' : ''}">
            <dt>完成订单</dt>
            <dd class="node"></dd>
            <dd class="date"></dd>
        </dl>
    </div>

    <!--{/if}-->
</div>

<div class="dux-box am-cf">
    <div class="dux-table-cell am-vertical-align-middle am-padding-sm">
        <i class="am-icon-location-arrow dux-text-disabled"></i>
    </div>
    <div class="box-content dux-table-cell">
        {$info.receive_name} {$info.receive_tel}
        <p>{$info.receive_province}{$info.receive_city}{$info.receive_region}{$info.receive_address}</p>
    </div>
</div>
<!--if{$deliveryInfo}-->
<div class="dux-box am-cf">
    <div class="dux-table-cell am-vertical-align-middle am-padding-sm">
        <i class="am-icon-truck dux-text-disabled"></i>
    </div>
    <div class="box-content dux-table-cell">
        快递公司 : {$deliveryInfo.delivery_name}
        <br>
        快递单号 : {$deliveryInfo.delivery_no}
    </div>
    <div class="box-content">
        <a href="{url('order/Order/delivery', ['order_no' => $info.order_no])}" class="am-btn am-btn-danger am-btn-sm">查看物流</a>
    </div>
</div>
<!--{/if}-->

<div class="dux-pro-list">
    <div class="order-head am-cf">
        <div class="am-fl">订单号: {$info.order_no}</div>
        <div class="am-fr am-text-danger">{$info.status_data.name}</div>
    </div>
    <!--loop{$orderGoods as $k => $item}-->
    <div class="am-cf dux-pro-item">
        <div class="item-img">
            <a href="{$item.goods_url}"><img src="{$item.goods_image}"></a>
        </div>
        <div class="item-info">
            <div class="title"><a href="{$item.goods_url}">{$item.goods_name}</a></div>
            <p>
                重量: {$item.goods_weight/1000}kg
                <!--if{$item.goods_options }-->
                <!--loop{$item.goods_options as $v}-->
                {$v.value}
                <!--{/loop}-->
                <!--{/if}-->
            </p>
            <!--if{$item.service_status == 1}-->
            <p class="am-text-warning">售后处理中</p>
            <!--{/if}-->
            <!--if{$item.service_status == 2}-->
            <p class="am-text-success">售后完成</p>
            <!--{/if}-->
        </div>
        <div class="item-other">
            <p>￥{$item.goods_price}</p>
            <p>× {$item.goods_qty}</p>
        </div>

    </div>
    <!--if{$info.status_data.action == 'comment' || $info.status_data.action == 'complete'}-->
    <div class="dux-order-btn">
        <!--if{!$item.service_status}-->
        <a href="javascript:;" class="am-btn am-btn-default am-btn-xs" data-service="{$item.id}">申请售后</a>
        <!--{/if}-->
        <!--if{!$item.comment_status}-->
        <a href="{url('order/comment/push', ['id' => $item.id, 'action' => url('', ['order_no' => $info.order_no])])}"
           class="am-btn am-btn-default am-btn-xs">评价商品</a>
        <!--{/if}-->
    </div>
    <!--{/if}-->
    <!--{/loop}-->


    <div class="order-foot">
        合计：<span class="am-text-danger">￥{$info.total_price}</span> (含运费￥{$info.delivery_price})
    </div>
    <div class="order-opt">
        {$info.status_data.html}

    </div>
</div>

<div class="dux-timeline dux-box">
    <!--if{empty($logList)}-->
    <dl>
        暂无订单记录
    </dl>
    <!--{/if}-->
    <!--loop{$logList as $vo}-->
    <dl class="am-cf">
        <dd>{$vo.msg}</dd>
        <dt>{date('Y-m-d H:i:s', $vo.time)}</dt>
    </dl>
    <!--{/loop}-->
</div>

<script type="text/html" id="tpl">
    <div class="am-modal-actions" id="service">
        <div class="am-modal-actions-group">
            <ul class="am-list">
                <li>
                    <a href="{url('order/refund/push')}?id={{d.id}}">申请退款</a>
                </li>
                <li>
                    <a href="{url('order/return/push')}?id={{d.id}}">申请退货</a>
                </li>
            </ul>
        </div>
        <div class="am-modal-actions-group">
            <button class="am-btn am-btn-danger am-btn-block" data-am-modal-close>取消</button>
        </div>
    </div>
</script>
<script>
    Do('base', 'tpl', function () {
        $('[data-service]').on('click', function () {
            var tpl = $('#tpl').html();
            var data = {
                id: $(this).data('service')
            };
            laytpl(tpl).render(data, function (html) {
                $(html).appendTo('body').modal().on('closed.modal.amui', function () {
                    $(this).remove();
                });
            });
        });
    });
</script>

</html>